<template>
	<view class="bottom">
		<view class="bottom_web">
			<text class="basic_title">网站信息：</text>
			<view class="basic_info_num">
				<text class="txt">邮箱：zgchxh1401@163.com</text>
				<text class="txt">联系电话：010-63881449</text>
			</view>
			<text class="txt">联系地址：北京市海淀区莲花池西路28号西裙楼四层</text>
			<text class="txt">主办：中国测绘学会 版权所有</text>
			<text class="txt">技术支持 ：江苏星月测绘科技股份有限公司</text>
			<view class="basic_info_img">
				<image class="ewm" src="/static/img/ewm.jpg"></image>
				<image class="qqq" src="/static/img/qqq.png"></image>
			</view>
		</view>
		<view class="bottom_copy">
			<text>Copyright © 2021 中国测绘协会 版权所有 </text>
			<text>京ICP备14037318号-1  京公网安备 11010802031220号</text>
		</view>
		
		<image class="topState" v-if="topState" @tap="goTop" src="../static/img/top.jpg"></image>
	</view>
</template>

<script>
	export default {
		name:"bottom",
		props: {
		    topState: {
		        type: Boolean,
		        default: function(e) {
		            return false
		        }
		    }
		},
		data() {
			return {
			};
		},

		methods:{
			goTop() {
				this.$emit('goTop')
			}
		}
	}
</script>

<style lang="scss">
	.bottom {
		width: 750upx;
		height: 523upx;
		
		.bottom_web {
			width: 100%;
			height: 400upx;
			background-image: url("");
			background-size: cover;
			display: flex;
			flex-direction: column;
			
			.basic_title {
				padding-left: 126upx;
				margin-top: 28upx;
				font-size: 19upx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 26upx;
				color: #FFFFFF;
				letter-spacing: 4upx;
				opacity: 1;
			}
			
			.txt {
				padding-left: 126upx;
				margin-top: 11upx;
				font-size: 20upx;
				font-family: PingFang SC;
				font-weight: 300;
				line-height: 28upx;
				color: #FFFFFF;
				opacity: 1;
			}
			
			.basic_info_num {
				margin-top: 15upx;
				display: flex;
				flex-direction: row;
				align-items: center;
				
				.txt {
					&:last-child {
						padding-left: 0;
						margin-left: 23upx;
					}
				}
			}
			
			.basic_info_img {
				width: 750upx;
				position: relative;
				margin-top: 36upx;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				
				image {
					width: 119upx;
					height: 119upx;
					
					&.qqq {
						margin-left: 14upx;
					}
				}
			}
			
		}
		
		.bottom_copy {
			height: 123upx;
			width: 100%;
			background-color: #031420;
			display: flex;
			flex-direction: column;
			align-items: center;
			
			text {
				font-size: 16upx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 22upx;
				color: #FFFFFF;
				opacity: 1;
				
				&:first-child {
					margin-top: 35upx;
					margin-bottom: 21upx;
				}
			}
		}
		
		.topState {
			position: fixed;
			bottom: 160upx;
			right: 30upx;
			z-index: 100;
			width: 102upx;
			height: 102upx;
		}
	}
</style>
